<template>
  <div class="security">
       <Header title="账号与安全" background="#fff"/>

       <van-cell-group>
        <van-cell title="手机号" @click="$router.push({name: 'phone'})">
          <span>15600933300</span>
          <van-icon name="arrow" /> 
        </van-cell>
        <van-cell title="微信号">
          <span>15600933300</span>
        </van-cell>
        <van-cell title="实名认证" @click="$router.push({name: 'authentication'})">
          <van-icon name="checked" />
          <span>已认证</span>
          <van-icon name="arrow" /> 
        </van-cell>
        <van-cell title="账号注销" @click="$router.push({name: 'acctLogout'})">
          <van-icon name="arrow" /> 
        </van-cell>
      </van-cell-group>

  </div>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'
export default {
  name: 'security',
  computed: { ...mapGetters({ pageData: 'pageData'}) },
  data () {
    return {
      
    }
  },
  methods: {
    goPersonal() {
      this.$router.push({name: 'personal'})
    },
  },
  mounted() {
    
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scope>
.security {
  padding-top: 50px;
  .van-cell-group {
    .van-cell {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
    }
    .van-icon-checked {
      color: #07C160;
    }
  }
    .van-cell__value span {
      font-size: 13.5px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
    }
}
</style>
